// utils.js
import layx from 'vue-layx';

// 简化消息函数，直接使用 layxMessage
export const LayxMessage = (type, message) => {
    const dialogIcons = {
        success: 'success',
        info: 'info',
        warning: 'warn',
        error: 'error',
    };
    const dialogIcon = dialogIcons[type] || 'info';

    layx.msg(message, {
        dialogIcon: dialogIcon,
        duration: 5000, // 消息显示5秒后自动关闭
        position:'ct',
        width: message.length>10?280:150 // 你想要设置的宽度值，单位通常是像素
    });
};

// 模拟 Element UI 的 this.$message 方法
export const layxMessage = {
    info: (msg) => LayxMessage('info', msg),
    success: (msg) => LayxMessage('success', msg),
    warning: (msg) => LayxMessage('warning', msg),
    // warn: (msg) => LayxMessage('warn', msg),
    error: (msg) => LayxMessage('error', msg),
};

// 使用 Layx 创建一个确认对话框
export const confirmLayx = (message, title, callback) => {
    layx.confirm(title, message, (id) => {
        callback(true);
        layx.destroy(id);
    }, (id) => {
        callback(false);
        layx.destroy(id);
    }, {
        buttons: [
            {
                label: '确定',
                callback: (id) => {
                    callback(true);
                    layx.destroy(id);
                }
            },
            {
                label: '取消',
                callback: (id) => {
                    callback(false);
                    layx.destroy(id);
                }
            }
        ],
        dialogIcon: 'warning' // 这取决于 Layx 是否支持 'warning' 类型的图标
    });
};


// // 使用示例
// message.info('这是一条信息消息');
// message.success('这是一条成功消息');
// message.warning('这是一条警告消息');
// message.error('这是一条错误消息');
